

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="layout" content="main" />    
    <title>Show Picture</title>
    <script type="text/javascript"> document.observe("dom:loaded", Lightbox.onload); </script>
  </head>
  <body class="yui-skin-sam">
    <div class="nav">
      <span class="menuButton"><a class="home" href="${createLinkTo(dir:'')}">Home</a></span>
      <span class="menuButton"><g:link class="list" action="list">Picture List</g:link></span>
      <span class="menuButton"><g:link class="create" action="create">New Picture</g:link></span>
    </div>
    <br>
    <div id="doc" class="yui-skin-sam" >
      <gui:tabView>
        <gui:tab label="Basic Info" active="true">
          <div class="dialog">
              <table border="1 ">
                <tbody>
                  <tr class="prop">
                    <td valign="top" class="name">Id:</td>
                    <td valign="top" class="value">${fieldValue(bean:picture, field:'id')}</td>
                  </tr>
                 <tr class="prop">
                    <td valign="top" class="name">Caption:</td>
                    <td valign="top" class="value">${fieldValue(bean:picture, field:'caption')}</td>
                 </tr>
                <tr class="prop">
                  <td valign="top" class="name">Description:</td>
                  <td valign="top" class="value">${fieldValue(bean:picture, field:'description')}</td>
                </tr>
                <tr class="prop">
                  <td valign="top" class="name">Content Type:</td>
                  <td valign="top" class="value">${fieldValue(bean:picture, field:'contentType')}</td>
                </tr>
                <tr class="prop">
                  <td valign="top" class="name">Date Created:</td>
                  <td valign="top" class="value">${fieldValue(bean:picture, field:'dateCreated')}</td>
                </tr>
                <tr class="prop">
                  <td valign="top" class="name">Height:</td>
                  <td valign="top" class="value">${fieldValue(bean:picture, field:'height')}</td>
                </tr>
                <tr class="prop">
                  <td valign="top" class="name">Images:</td>
                  <td  valign="top" style="text-align:left;" class="value">
                    <ul>
                      <g:each var="i" in="${picture.images}">
                        <li><g:link controller="image" action="show" id="${i.id}">${i?.encodeAsHTML()}</g:link></li>
                      </g:each>
                    </ul>
                  </td>
                </tr>
                <tr class="prop">
                  <td valign="top" class="name">Last Updated:</td>
                  <td valign="top" class="value">${fieldValue(bean:picture, field:'lastUpdated')}</td>
                </tr>
                <tr class="prop">
                  <td valign="top" class="name">Listing:</td>
                  <td valign="top" class="value"><g:link controller="listing" action="show" id="${picture?.listing?.id}">${picture?.listing?.encodeAsHTML()}</g:link></td>
                </tr>
                <tr class="prop">
                  <td valign="top" class="name">Width:</td>
                  <td valign="top" class="value">${fieldValue(bean:picture, field:'width')}</td>
                </tr>
                <tr class="prop">
                  <td valign="top" class="name">Confirm Delete:</td>
                  <td valign="top" class="value">${fieldValue(bean:picture, field:'confirmDelete')}</td>
                </tr>
                <tr class="prop">
                  <td valign="top" class="name">File:</td>
                  <td valign="top" class="value">${fieldValue(bean:picture, field:'file')}</td>
                </tr>
                <tr class="prop">
                  <td valign="top" class="name">Operation:</td>
                  <td valign="top" class="value">${fieldValue(bean:picture, field:'operation')}</td>
                </tr>
                </tbody>
              </table>
            </div>
          
        </gui:tab>
        <gui:tab label="Satelite Map">
        	<p>Satellite Image here.</p>
          <h1>Map</h1>
        </gui:tab>
        <gui:tab label="Images">
          <h1>Other Info</h1>
          <div class="dialog">
            <table border="1 ">
              <tbody>
               <tr class="prop">
                 <td valign="top" class="name">Picture:</td>
                 <td valign="top" class="gallery">
                   <wa:pictureLightboxAnchor picture="${picture}" size="${Image.Small}" lightboxSize="${Image.Large}" target="_blank" title="Show Original" />
                 </td>
               </tr>
              </tbody>
            </table>
          </div>
        </gui:tab>
      </gui:tabView>
    </div>
    <div class="body">
      <h1>Show Picture</h1>
      <g:if test="${flash.message}">
        <div class="message">${flash.message}</div>
      </g:if>
   
      <div class="buttons">
        <g:form>
          <input type="hidden" name="id" value="${picture?.id}" />
          <span class="button"><g:actionSubmit class="edit" value="Edit" /></span>
          <span class="button"><g:actionSubmit class="delete" onclick="return confirm('Are you sure?');" value="Delete" /></span>
        </g:form>
      </div>
    </div>
  </body>
</html>
